Un mode nuit ou thème sombre ?? 37

Le principe est simple, installer le plugin, cliquer sur l'icône->créer un nouveau style, vous choisissez pour blackbook, ou ce qui vous arrange et vous copiez ça dans la fenêtre de code et nommez .

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("black-book-editions.fr") {
html{
background-color: #111;
}
body{
background-color: #111;
color:#ccc;
}
#fil_info a, #fil_info_ks a {
color:#ccc;
}
.container {
background-color: #222;
color: #ccc;
}
.menuzord {
background: #222;
}
.form-control {
background-color:#111;
color: #ccc;
}
.gbox {
background-color:#111;
border-color:#333;
box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #000 inset;
}
.item, .item_lot {
background:#333;
border-color:#666;
}
.item:hover {
background:#444;
}
.list-group-item {
background:#444;
}
#board_liste li {
background:#333;
color: #ccc;
}
#board_liste a {
color: #ccc;
}
#board_liste li:hover {
background:#555;
}
#board_liste .compteur {
background-color:#555;
}
.active {
background:#333;
}
#message_liste blockquote {
background:#555;
color: #ccc;
}
blockquote {
background:#555;
color: #ccc;
}
.table td,.table th {
color: #ccc;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color:#111;
}
.table-hover>tbody>tr:hover {
background-color:#555
}
.tab-content {
background:#333;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
background:#333;
}
.nav > li > a:focus, .nav > li > a:hover {
background:#333;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
background:#333;
}
.pagination>li>a,.pagination>li>span {
background:#222;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
background:#555;
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
background:#225;
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
background:#222;
}
.pager li>a:focus,.pager li>a:hover {
background:#252;
}
.dropdown-menu {
background:#333;
}
.msg_actions {
background:#222;
}
.msg_actions a {
color: #ccc;
}
.triangle-border {
background:#111 !important;
}
.triangle-border.left:after {
border-color: transparent #111;
}
.news_form textarea {
background-color:#111;
}
.accordion_hp_gamme .accordion-group {
background-color:#333;
box-shadow: 0 0 2px rgba(0,0,0,.1),0 1px 0 #000 inset;
border-color:#555;
}
.accordion-heading h4 {
color:#ccc;
}
.info_pledge {
background-color:#333;
}
.forum_direct b a {
color:#ccc;
}
.alertify .ajs-dialog {
background-color:#333;
}
.alertify .ajs-footer {
background-color:#444;
}
#focus_actu b {
color:#ccc;
}
}

(j'ai fait ça un peu à l'arrache pour l'instant ^^)

Et pour le désactiver, il suffit de cliquer sur le style avec le nom que vous avez donné dans la liste affichée dans le menu de l'icône.

Je précise que l'expérience optimale, c'est sans le style, certains trucs pourront pas être nickel comme les images sur fond blanc par exemple.

Ça marche !

Je teste et je ferais un retour après !

Testé et approuvé : c'est claaassseee !

De ce que j'ai vu, seules les citations ressortent mal (et les écritures en couleur).

Oui ya quelques trucs encore pas fait, et quelques trucs que j'ai pas trouvé ^^

Ça dépend des pages, mais je continuerai du coup.

Je suis chaud je rajoute, dans "Les derniers sujets actifs", que les infos "Dernier message, Auteur, et nb de msg" sont noir sur noir, y a plus d'espoir

Pour les citations et les auteurs etc ça devrait être mieux.

oui , c'est plus classe en sombre même si il y a quelques erreurs. Beau travail Esprism!

Faut surtout remercier Zeboss, il est super le site.

Petite maj.

PS : si vous voyez un lien ou bouton qui change pas de couleur quand on passe la souris dessus, prévenez moi aussi ^^.

Bon, on arrive à une version correcte, j'ai enfin compris comment utiliser le mode développeur firefox comme il faut ^^ j'aurai appris un truc.

Du coup, s'il reste un truc dans un coin que j'ai oublié, vous pouvez me le signaler, sinon, vous pouvez aussi discuter des choix de couleurs.

C'est pas aussi bien que l'original, les ombres par exemple rendent pas trop sur un fond sombre, mais ça passe.

Du coup ça se publie officiellement une custo Stylish ou bien il faut que tu la re-postes ici ?

"Officiellement" non, mais je l'ai mis en ligne ^^

Il faut cliquer sur l'icône stylish puis sur "Trouver des styles pour ce site..."

Pour l'instant il n'y en à qu'un

Ah ça soulage vraiment les yeux ! On va voir à l'utilisation pour les détails.

Super.

Après le test de la première version, je revenais pour signaler la même chose mais je vois que c'est déjà corrigé !

Idem pour les couleurs de fond dans la messagerie.

Bon bah là c'est vraiment bien maintenant !

Bravo esprism !

Bonjour,

Juste pour signaler qu'on peut rajouter 0 (ou 00) pour la transparence à la fin des déclarations des couleurs de fond pour faire réapparaitre les fonds d'écrans BBE.

Merci pour cette config.

Bonjour. Je déterre ce sujet car je crois que ça ne fonctionne plus chez moi et je ne retrouve pas le style enregistré dans la base de Stylish. Ce n'est que chez moi ou il y a eu une évolution ?